<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Min-height has no effect if it is less than the height of the content, and height is auto.</p>
<p>The word "OKAY" should be seen below.</p>
<div id="test" style="position:relative; -webkit-columns:4; width:4em; -webkit-column-gap:0; column-fill:auto; overflow:hidden; min-height:10px; line-height:20px;">
    <br>
    <br>
    <div data-offset-y="40">O</div>
    <br>
    <br>
    <div data-offset-y="40">K</div>
    <br>
    <br>
    <div data-offset-y="40">A</div>
    <br>
    <br>
    <div data-offset-y="40">Y</div>
</div>
<script>
    checkLayout("#test");
</script>
